<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--[if lt IE 7]>
	<script>
	window.top.location = 'http://desktop.sonspring.com/ie.html';
	</script>
	<![endif]-->
	<link rel="stylesheet" href="<%=basePath%>jQuery-Desktop/assets/css/reset.css" />
	<link rel="stylesheet" href="<%=basePath%>jQuery-Desktop/assets/css/desktop.css" />
	<!--[if lt IE 9]>
	<link rel="stylesheet" href="<%=basePath%>jQuery-Desktop/<%=basePath%>jQuery-Desktop/assets/css/ie.css" />
	<![endif]-->

  </head>
  
  <body>
    <div class="abs" id="wrapper">
  <div class="abs" id="desktop">
    <a class="abs icon" style="left:20px;top:20px;" href="#icon_dock_ckeditor">
      <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_32_ckeditor.png" />
      ckeditor
    </a>
   
    <a class="abs icon" style="left:20px;top:100px;" href="#icon_dock_network">
      <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_32_network.png" />
      Network
    </a>
    
    <a class="abs icon" style="left:100px;top:20px;" href="#icon_dock_bcastr">
      <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_32_bcastr.png" />
      bcastr
    </a>
  
    
    <div id="window_ckeditor" class="abs window" style="height:500px;">
      <div class="abs window_inner">
        <div class="window_top">
          <span class="float_left">
            <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_16_ckeditor.png" />
            Computer
          </span>
          <span class="float_right">
            <a href="#" class="window_min"></a>
            <a href="#" class="window_resize"></a>
            <a href="#icon_dock_ckeditor" class="window_close"></a>
          </span>
        </div>
        <div class="abs window_content" >
         <iframe src="http://localhost:8080/Xinge21/ckeditor/ckeditor.jsp" width="100%" height="99%"></iframe>
        </div>
        <div class="abs window_bottom">
          Build: TK421
        </div>
      </div>
      <span class="abs ui-resizable-handle ui-resizable-se"></span>
    </div>

    
    <div id="window_network" class="abs window">
      <div class="abs window_inner">
        <div class="window_top">
          <span class="float_left">
            <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_16_network.png" />
            Network
          </span>
          <span class="float_right">
            <a href="#" class="window_min"></a>
            <a href="#" class="window_resize"></a>
            <a href="#icon_dock_network" class="window_close"></a>
          </span>
        </div>
        <div class="abs window_content">
          <div class="window_aside">
            Local Network Resources
          </div>
          <div class="window_main">
            <table class="data">
              <thead>
                <tr>
                  <th class="shrink">
                    &nbsp;
                  </th>
                  <th>
                    Name
                  </th>
                  <th class="shrink">
                    Operating System
                  </th>
                  <th class="shrink">
                    Version
                  </th>
                </tr>
              </thead>
              <tbody>
               
                <tr>
                  <td>
                    <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_16_computer.png" />
                  </td>
                  <td>
                    Darryl Philbin
                  </td>
                  <td>
                    Windows
                  </td>
                  <td>
                    Vista
                  </td>
                </tr>
                <tr>
                  <td>
                    <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_16_computer.png" />
                  </td>
                  <td>
                    Kelly Kapoor
                  </td>
                  <td>
                    Windows
                  </td>
                  <td>
                    Vista
                  </td>
                </tr>
                <tr>
                  <td>
                    <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_16_computer.png" />
                  </td>
                  <td>
                    Andy Bernard
                  </td>
                  <td>
                    Windows
                  </td>
                  <td>
                    Vista
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="abs window_bottom">
          LAN: Corporate Intranet
        </div>
      </div>
      <span class="abs ui-resizable-handle ui-resizable-se"></span>
    </div>
  </div>
  
  <div id="window_bcastr" class="abs window">
      <div class="abs window_inner">
        <div class="window_top">
          <span class="float_left">
            <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_16_bcastr.png" />
            bcastr
          </span>
          <span class="float_right">
            <a href="#" class="window_min"></a>
            <a href="#" class="window_resize"></a>
            <a href="#icon_dock_bcastr" class="window_close"></a>
          </span>
        </div>
        <div class="abs window_content">
          <iframe src="http://localhost:8080/Xinge21/bcastr/bcastr.jsp" width="90%" height="90%"></iframe>
        </div>
        <div class="abs window_bottom">
          Build: TK421
        </div>
      </div>
      <span class="abs ui-resizable-handle ui-resizable-se"></span>
    </div>
  
  <div class="abs" id="bar_top">
    <span class="float_right" id="clock"></span>
    <ul>
      <li>
        <a class="menu_trigger" href="#">jQuery Desktop</a>
        <ul class="menu">
          <li>
            <a href="http://www.amazon.com/dp/0596159773?tag=sons-20">jQuery Cookbook</a>
          </li>
          <li>
            <a href="http://jqueryenlightenment.com/">jQuery Enlightenment</a>
          </li>
          <li>
            <a href="http://jquery.com/">jQuery Home</a>
          </li>
          <li>
            <a href="http://jquerymobile.com/">jQuery Mobile</a>
          </li>
          <li>
            <a href="http://jqueryui.com/">jQuery UI</a>
          </li>
          <li>
            <a href="http://learningjquery.com/">Learning jQuery</a>
          </li>
        </ul>
      </li>
      <li>
        <a class="menu_trigger" href="#">HTML5 Resources</a>
        <ul class="menu">
          <li>
            <a href="http://diveintohtml5.org/">Dive Into HTML5</a>
          </li>
          <li>
            <a href="http://www.alistapart.com/articles/get-ready-for-html-5/">Get Ready for HTML5</a>
          </li>
          <li>
            <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>
          </li>
          <li>
            <a href="http://html5doctor.com/">HTML5 Doctor</a>
          </li>
          <li>
            <a href="http://html5.org/">HTML5 Intro</a>
          </li>
          <li>
            <a href="http://www.zeldman.com/superfriends/">HTML5 Super Friends</a>
          </li>
        </ul>
      </li>
      <li>
        <a class="menu_trigger" href="#">Code</a>
        <ul class="menu">
          <li>
            <a href="<%=basePath%>jQuery-Desktop/assets/css/desktop.css">Desktop - CSS</a>
          </li>
          <li>
            <a href="<%=basePath%>jQuery-Desktop/assets/js/jquery.desktop.js">Desktop - JavaScript</a>
          </li>
          <li>
            <a href="http://github.com/nathansmith/jQuery-Desktop">GitHub Repository</a>
          </li>
        </ul>
      </li>
      <li>
        <a class="menu_trigger" href="#">Credits</a>
        <ul class="menu">
          <li>
            <a href="http://sonspring.com/journal/jquery-desktop">Demo built by Nathan Smith</a>
          </li>
          <li>
            <a href="http://adrian-rodriguez.net/">Wallpaper by Adrian Rodriguez</a>
          </li>
          <li>
            <a href="http://tango.freedesktop.org/Tango_Desktop_Project">Icons - Tango Desktop Project</a>
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="abs" id="bar_bottom">
    <a class="float_left" href="#" id="show_desktop" title="Show Desktop">
      <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_22_desktop.png" />
    </a>
    <ul id="dock">
      <li id="icon_dock_ckeditor">
        <a href="#window_ckeditor">
          <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_22_ckeditor.png" />
          ckeditor
        </a>
      </li>
     
      <li id="icon_dock_network">
        <a href="#window_network">
          <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_22_network.png" />
          Network
        </a>
      </li>
      
      <li id="icon_dock_bcastr">
        <a href="#window_bcastr">
          <img src="<%=basePath%>jQuery-Desktop/assets/images/icons/icon_22_bcastr.png" />
          Network
        </a>
      </li>
    </ul>
    <a class="float_right" href="http://www.firehost.com/?ref=spon_nsmith_desktop-sonspring" title="Secure Hosting">
      <img src="<%=basePath%>jQuery-Desktop/assets/images/misc/firehost.png" />
    </a>
  </div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<script>
  !window.jQuery && document.write(unescape('%3Cscript src="<%=basePath%>jQuery-Desktop/assets/js/jquery.js"%3E%3C/script%3E'));
  !window.jQuery.ui && document.write(unescape('%3Cscript src="<%=basePath%>jQuery-Desktop/assets/js/jquery.ui.js"%3E%3C/script%3E'));
</script>
<script src="<%=basePath%>jQuery-Desktop/assets/js/jquery.desktop.js"></script>
<script>
  var _gaq = [['_setAccount', 'UA-166674-8'], ['_trackPageview']];

  (function(d, t) {
    var g = d.createElement(t),
    s = d.getElementsByTagName(t)[0];
    g.async = true;
    g.src = '//www.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g, s);
  })(this.document, 'script');
</script>
  </body>
</html>
